<head>
<script type="text/javascript">


function validate_required(field,alerttxt)
{
with (field)
{
value = value.replace(/^\s+|\s+$/g, '') ;
if (value=="")
  {alert(alerttxt);return false;}
else {return true}
}
}function validate_form(thisform)
{
with (thisform)
{
if (validate_required(searchbox,"        .")==false)
  {searchbox.focus();return false;}
}
}
</script>
</head>
<style type="text/css">

#text_input {
	width: 175px;
        background-image:url('./themes/ad_novus/images/searchico.png');
        background-repeat:no-repeat;
        margin-right: 0px;
	padding:0px 0px 0px 19px;
	font-size: 13px;
        font-family: Segoe UI;
	text-indent: 0px;
	border: 1px;
        border-style: inset;
        color: #000;
	height: 20px;
}
input.space {
        margin: 0px 0px 0px 0px;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        background: transparent;
        background-image: url('./themes/ad_novus/images/menu-bg.png');
        border: 1px;
}

#position {
        width:128px;
        font-size: 14px;
        margin: 0px 2px 0px 0px;        
}
.field {
	font-size: 13px;
        border-style: inset;
	text-indent: 1px;
	width: 180px;
	height: 20px;
	line-height: 20px
}
p.search {
        white-space: nowrap;
        font-size: 0.85em;
        font-weight: bold;
        padding:0 0px 8px 0px;
        color:#fff;}

</style>

<form action="?q=node/7" onsubmit="return validate_form(this)" method="post">


<input id="text_input" class="field" type="text" name="searchbox">
<p class="search">    </p>
<table id="position" width="100%">
<tr>
<td>
<select id="position" name="by">
<option value="title"></option>
<option value="album"></option>
<option value="artist"></option>
</select>
</td>
<td><input class="space" type="submit" value="Search"></td>
</tr></table>
</form>